﻿<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<zeus.Core.PlanEvento>" %>

<script type="text/javascript" src="<%= ResolveUrl("~") %>Scripts/jquery.selectboxes.min.js"></script>

<script language="javascript" type="text/javascript">
    
    $(function () {

        mostrarOpciones($("#CodigoTipoEvento").val());

        function mostrarOpciones(id) {
            if (id == 1 || id == 2) {
                $("#valor1Label").hide();
                $("#valor1").hide();
            }
            else{
                $("#valor1Label").show();
                $("#valor1").show();
            }

            if (id == 1 || id == 2 || id == 3) {
                $("#valor2Label").hide();
                $("#valor2").hide();
                $("#check1").hide();
            }
            else {
                $("#valor2Label").show();
                $("#valor2").show();
                $("#check1").show();
            }

            if(id == 3) {
                $("#valor1Label").html("Valor");
            }
            else {
                $("#valor1Label").html("Minutos de intervalo");
            }

            if(id == 1 || id == 4) {
                $("#CodigoPoligonoLabel").show();
                $("#CodigoPoligono").show();                
                $("#CodigoTipoDetalleLabel").hide();
                $("#CodigoTipoDetalle").hide();                
            }
            else {
                $("#CodigoPoligonoLabel").hide();
                $("#CodigoPoligono").hide();
                $("#CodigoTipoDetalleLabel").show();
                $("#CodigoTipoDetalle").show();                
            }

            if(id == 4) {
                $("#CodigoTipoAlertaLabel").hide();
                $("#CodigoTipoAlerta").hide();
            }
            else {
                $("#CodigoTipoAlertaLabel").show();
                $("#CodigoTipoAlerta").show();
            }
        }

        $("#CodigoTipoEvento").change(function () {
            $("#CodigoTipoDetalle").attr("disabled", false).empty();
            $("#CodigoTipoAlerta").attr("disabled", false).empty();
                        
            $.ajax({
                type: "POST",
                url: "<%= ResolveUrl("~") %>Planes/GetTipoDetalle",
                data: "id=" + $("#CodigoTipoEvento").val(),
                dataType: "json",
                cache: false,
                success: function (response) {
                    mostrarOpciones($("#CodigoTipoEvento").val());

                    $.each(response.Detalle, function(i, data) {
                        $("#CodigoTipoDetalle").addOption(data.Codigo, data.Nombre, false);
                    });

                    $.each(response.Alerta, function(i, data) {
                        $("#CodigoTipoAlerta").addOption(data.Codigo, data.Nombre, false);
                    });

                     if(response.Detalle.length == 0) {
                       $("#CodigoTipoDetalleLabel").hide();
                       $("#CodigoTipoDetalle").hide();
                    }
                    else {
                       $("#CodigoTipoDetalleLabel").show();
                       $("#CodigoTipoDetalle").show();
                    }

                    if(response.Alerta.length == 0) {
                       $("#CodigoTipoAlertaLabel").hide();
                       $("#CodigoTipoAlerta").hide();
                    }
                    else {
                       $("#CodigoTipoAlertaLabel").show();
                       $("#CodigoTipoAlerta").show();
                    }

                    $("#CodigoTipoDetalleLabel").html(response.Nombre);
                },
                error: function (XMLHttpRequest, textStatus, errorThrown) {
                    alert(XMLHttpRequest.responseText);
                }
            });

        });
    });        
</script>

    <% Html.EnableClientValidation(); %>

    <% using (Html.BeginForm()) {%>
        <%: Html.ValidationSummary(true) %>
        
        <fieldset class="leftField" style="width: 65%">
            <legend>Eventos</legend>
            
            <div class="editor-label">
                <%: Html.LabelFor(model => model.CodigoTipoEvento) %>
            </div>
            <div class="editor-field">
                <%: Html.DropDownList("CodigoTipoEvento") %>
                <%: Html.ValidationMessageFor(model => model.CodigoTipoEvento) %>
            </div>

            <div>
                <div class="editor-label">
                    Rango de tiempo
                </div>
                <div class="editor-field">
                    <%: Html.TextBoxFor(model => model.HoraDesde, new { size = 2 })%> :
                    <%: Html.TextBoxFor(model => model.MinutoDesde, new { size = 2 })%>
                    <%: Html.ValidationMessageFor(model => model.HoraDesde) %>
                    <%: Html.ValidationMessageFor(model => model.MinutoDesde) %>
                </div>
            </div>
                       
            <div>
                <div class="editor-label">
                    Hasta
                </div>
                <div class="editor-field">
                    <%: Html.TextBoxFor(model => model.HoraHasta, new { size = 2 })%> :
                    <%: Html.TextBoxFor(model => model.MinutoHasta, new { size = 2 })%>
                    <%: Html.ValidationMessageFor(model => model.HoraHasta) %>
                    <%: Html.ValidationMessageFor(model => model.MinutoHasta) %>
                </div>
            </div>
            
            <div class="leftField">
                <div class="editor-label" id="CodigoTipoDetalleLabel">
                    <%: ViewData["NombreDetalle"] %>
                </div>
                <div class="editor-field">
                    <%: Html.DropDownList("CodigoTipoDetalle")%>
                    <%: Html.ValidationMessageFor(model => model.CodigoTipoDetalle) %>
                </div>
            </div>
            
            <div class="rigthField">
                <div class="editor-label" id="CodigoTipoAlertaLabel">
                    <%: Html.LabelFor(model => model.CodigoTipoAlerta) %>
                </div>
                <div class="editor-field">
                    <%: Html.DropDownList("CodigoTipoAlerta")%>
                    <%: Html.ValidationMessageFor(model => model.CodigoTipoAlerta) %>
                </div>
            </div>

            <div class="editor-label" id="CodigoPoligonoLabel">
                <%: Html.LabelFor(model => model.CodigoPoligono) %>
            </div>
            <div class="editor-field">
                <%: Html.DropDownList("CodigoPoligono")%>
                <%: Html.ValidationMessageFor(model => model.CodigoPoligono)%>
            </div>
            
            <div class="editor-label">
                <%: Html.LabelFor(model => model.Transmision) %>
            </div>
            <div class="editor-field">
                <%: Html.DropDownList("Transmision") %>
                <%: Html.ValidationMessageFor(model => model.Transmision) %>
            </div>
            
            <div class="editor-label">
                <%: Html.LabelFor(model => model.TipoTransmision) %>
            </div>
            <div class="editor-field">
                <%: Html.DropDownList("TipoTransmision") %>
                <%: Html.ValidationMessageFor(model => model.TipoTransmision) %>
            </div>
            
            <div class="editor-label">
                <%: Html.LabelFor(model => model.Observacion) %>
            </div>
            <div class="editor-field">
                <%: Html.TextAreaFor(model => model.Observacion) %>
                <%: Html.ValidationMessageFor(model => model.Observacion) %>
            </div>
            
            <div class="editor-label" id="valor1Label">
                <%: Html.LabelFor(model => model.Valor1) %>
            </div>
            <div class="editor-field" id="valor1">
                <%: Html.TextBoxFor(model => model.Valor1) %>
                <%: Html.ValidationMessageFor(model => model.Valor1) %>
            </div>
            
            <div class="editor-label" id="valor2Label">
                <%: Html.LabelFor(model => model.Valor2) %>
            </div>
            <div class="editor-field" id="valor2">
                <%: Html.TextBoxFor(model => model.Valor2) %>
                <%: Html.ValidationMessageFor(model => model.Valor2) %>
            </div>
            
            <div class="editor-field" id="check1">
                <%: Html.CheckBoxFor(model => model.Check1) %>
                <%: Html.LabelFor(model => model.Check1) %>
                <%: Html.ValidationMessageFor(model => model.Check1) %>
            </div>
                        
        </fieldset>

        <fieldset  class="rigthField" style="width: 25%">
            <legend>Días de la semana</legend>
            
            <div class="editor-field">
                <%: Html.CheckBoxFor(model => model.Lunes) %>
                <%: Html.LabelFor(model => model.Lunes) %>
                <%: Html.ValidationMessageFor(model => model.Lunes) %>
            </div>
            
            <div class="editor-field">
                <%: Html.CheckBoxFor(model => model.Martes) %>
                <%: Html.LabelFor(model => model.Martes) %>
                <%: Html.ValidationMessageFor(model => model.Martes) %>
            </div>
            
            <div class="editor-field">
                <%: Html.CheckBoxFor(model => model.Miercoles) %>
                <%: Html.LabelFor(model => model.Miercoles) %>
                <%: Html.ValidationMessageFor(model => model.Miercoles) %>
            </div>
            
            <div class="editor-field">
                <%: Html.CheckBoxFor(model => model.Jueves) %>
                <%: Html.LabelFor(model => model.Jueves) %>
                <%: Html.ValidationMessageFor(model => model.Jueves) %>
            </div>
            
            <div class="editor-field">
                <%: Html.CheckBoxFor(model => model.Viernes) %>
                <%: Html.LabelFor(model => model.Viernes) %>
                <%: Html.ValidationMessageFor(model => model.Viernes) %>
            </div>
            
            <div class="editor-field">
                <%: Html.CheckBoxFor(model => model.Sabado) %>
                <%: Html.LabelFor(model => model.Sabado) %>
                <%: Html.ValidationMessageFor(model => model.Sabado) %>
            </div>
            
            <div class="editor-field">
                <%: Html.CheckBoxFor(model => model.Domingo) %>
                <%: Html.LabelFor(model => model.Domingo) %>
                <%: Html.ValidationMessageFor(model => model.Domingo) %>
            </div>
        </fieldset>

        <%: Html.HiddenFor(model=>model.CodigoPlanCliente) %>

        <p class="clear">
            <input type="submit" value="Guardar" />
            
            <%if (Model.Id > 0)
                  {%>
                <input type="button" onclick="javascript:eliminar(<%: Model.Id %>, '<%= ResolveUrl("~") %>Planes/EliminarPlanEvento', 
                    '<%= ResolveUrl("~") %>Planes/NuevoPlan/<%: Model.CodigoPlanCliente %>')" value="Eliminar" />
            <%} %>
        </p>

    <% } %>
    